<template>
  
 <el-container>
   
  <el-header>
    <Home></Home>
  </el-header>
  <el-container>
    <el-aside width="400px">
        <navMenu></navMenu>
        
    </el-aside>

    
    <el-main>
        <router-view></router-view>
        </el-main>
      <div id="music">
        <!-- autoplay -->
        <audio controls loop  src="../assets/vnv nation - Illusion.mp3"  type="audio/mp3"></audio>
      </div>
  </el-container>
</el-container>
</template>

<script>

import Home from '../view/home.vue';
import navMenu from '../components/navMenu.vue';


import axios from 'axios';
export default {
name:'Main',
data() {
  return {
    artData:'',
    
  }
},
components:{
Home,
navMenu
},

}
</script>

<style lang="less" scoped>

.el-container{
    position: relative;
    #find{
      position: absolute;
    top: 250px;
    right: 0;
    height: 300px;
    }
    .el-aside{
    position: absolute;
    top: 250px;
    height: 300px;
}  
.el-header{
      padding: 0;
    }
.el-main{
    position: absolute;
    top: 100px;
    left: 410px;
    width: 800px;
    height: 700px;
}
#music{
  position: fixed;
  bottom:0;
  left: 0;
  
}
}


</style>